<template>
  <div class="right_cage" style="padding-top: 10px;">
    <div class="dataAllBorder01 cage_cl" style="margin-top: 9% !important; height: 24%">
      <div class="dataAllBorder02" id="cage_cl" >
        <div class="analysis">项目总体金额：</div>
        <ul class="data_show_box">
          <li class="data_cage">1</li>
          <li class="data_cage" style="background-image: none;">,</li>
          <li class="data_cage">2</li>
          <li class="data_cage">5</li>
          <li class="data_cage">5</li>
          <li class="data_cage" style="background-image: none;">,</li>
          <li class="data_cage">1</li>
          <li class="data_cage">7</li>
          <li class="data_cage">9</li>
          <li class="data_cage" style="background-image: none;">,</li>
          <li class="data_cage">2</li>
          <li class="data_cage">0</li>
          <li class="data_cage">3</li>
        </ul>
        <div class="depart_number_box">
          <ul class="depart_number_cage">
            <li class="depart_name">清单金额：</li>
            <li class="depart_number">323,802,510</li>
          </ul>
          <ul class="depart_number_cage">
            <li class="depart_name">变更金额：</li>
            <li class="depart_number">163,012,205</li>
          </ul>
          <ul class="depart_number_cage" style="margin-bottom: 0px;">
            <li class="depart_name">本月完成：</li>
            <li class="depart_number">29,145,140</li>
          </ul>
          <ul class="depart_number_cage" style="margin-bottom: 0px;">
            <li class="depart_name">累计完成：</li>
            <li class="depart_number">425,510,159</li>
          </ul>
        </div>
      </div>
    </div>
    <div class="dataAllBorder01 cage_cl check_increase" style=" margin-top: 1.5% !important;">
      <!--切换01-->
      <div class="dataAllBorder02 over_hide dataAllBorder20" id="over_hide">
      </div>
    </div>
    <div class="dataAllBorder01 cage_cl" style="margin-top: 1.5% !important; height: 32%; position: relative;">
      <div class="dataAllBorder02 over_hide" style="padding: 1.2%;">
        <div class="analysis">劳务人员构成占比：</div>
        <div class="danger_contain_box">
          <div id="labour" style="height: 90%;width: 100%"></div>
        </div>
        <div class="danger_depart_box">
        </div>
      </div>
    </div>
  </div>
</template>

<script>

  export default {
    name: "right",
    data() {
      return {

      }
    },
  }
</script>

<style lang="scss" scoped>

  @import "~@/assets/screen/screen2/scss/common.scss";
  .right_cage{
    width: 22%;
    height: 100%;
    margin-left: 0.3%;
    float: right;
  }
  /*右侧*/
  .analysis{
    width: 100%;
    height: 20%;
    padding-top: 2%;
    text-align: left;
    text-indent: 0.7em;
    font-size: 16px;
    font-weight: bold;
    color: white;
  }
  .data_show_box{
    height: 30%;
    width: 100%;
    padding-top: 2%;
    margin: auto;
    text-decoration: none;
  }
  .data_cage{
    display: block;
    background-image: url("~@/assets/screen/screen2/img/data_bg.png");
    height: 40px;
    width: 23px;
    float: left;
    margin-left: 1px;
    color: white;
    text-align: center;
    font-size: 24px;
    /*font-family: data_Number;*/
    background-repeat: no-repeat;
    background-size: 100%;
  }
  /*@font-face {*/
  /*  font-family: data_Number; src: url("~@/assets/screen/screen2/fonts/data_number.ttf");*/
  /*}*/
  .depart_number_box{
    height: 28%;
  }
  .depart_number_cage{
    width: 50%;
    float: left;
    height: 24px;
    padding-left: 4%;
    margin-top: 1%;
    margin-bottom: 8px;
  }
  .depart_number_cage li{
    display:block;
    float: left;
    line-height: 24px
  }
  .depart_name{
    font-size: 14px;
    color: white;
    cursor: pointer;
  }
  .depart_number{
    /*font-family: data_Number;*/
    font-size: 16px;
    color: #10a4db;
    animation: blinker 1s linear infinite;
  }
</style>
